/* content , waterflow , project-case ,
 service-intro , contact-us , company-intro , 
 company-culture , green-product-line , brandidea  */

/* content */
.content-wrap{
	width: 100%;
	background: #f2f4f4;
	padding-bottom: 85px;
}
.problem-content{
	width: 1280px;
	margin: 0 auto;
}
.public_tit{
	
}
.left-nav{
	float: left;
}
.problem-logo{
	width: 230px;
	height: 118px;
	overflow: hidden;
	background: #0bb78e;
}
.problem-logo img{
	width: 100%;
}
.problem-item{
	margin-top: 3px;
	font-size: 16px;
	color: #484848;
	width: 230px;
	background: #f8f8f8;
	user-select: none;
}
/* .lft-nav .icon-jiantouxia{
	display: none;
} */
.lft-nav .icon-jiantouyou{
	display: block;
	color: #d2d1d1;
}

.lft-nav.active-fontnav .icon-jiantouyou{
	color: #2fc7a0;
	display: block;
}
.open-problem-title{
	/* position: relative; */
}
.lft-nav{
	color: #484848;
}
.lft-nav.active-fontnav{
	color:  #2fc7a0;
}
.arrow-right{
	width: 12px;
	height: 12px;
	display: inline-block;
	float: right;
	margin-right: 18px;
}
.arrow-right img{
	width: 100%;
}
.lft-nav .top-qustion-tit{
	padding-left:30px;
	line-height: 60px;
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
	cursor: pointer;
	width: 200px;
    overflow: hidden;
    position:relative;
}
.lft-nav .top-qustion-tit .qu_ico {
    position:absolute;right:15px;top:22px;
}
.problem-item li:last-child{
	border-bottom: none;
}
.lft-nav.active-fontnav .u-qustion-open{
	display: block;
}
.lft-nav .u-qustion-open{
	background: #f8f8f8;
	padding-left: 0;
	width: 100%;
	font-size: 14px;
	color: #484848;
	display: none;
}
.u-qustion-open div{
	line-height:60px;
	text-indent:30px;
	cursor: pointer;
    position:relative;
}
.u-qustion-open div.on{
    color:#0bb78e;
}
.u-qustion-open div.on img{
    display:block;
}
.u-qustion-open div .qu_ico{
    position:absolute;
    right:15px;
    top:22px;
    display:none;
}
.active-font-left{
	color:#2fc7a0;
	background: url('../img/arrow-right-active.png') right 20px top 26px no-repeat;
	background-size: 12px;
}
.right-content{
	float: left;
	height: 100%;
}
.ul-box ul li{
	width: 1036px;
	margin-left: 12px;
	margin-top: 10px;
	background: #fff;
}
.ul-box ul li:first-child{
	margin-top: 0;
}
.ul-box ul li.cur .layouts{
    color:#2fc7a0;
}
.problem-num{
   color: #d6d6d6;
}
.problem-item-title{
	color: #616161;
	width: 876px;
	white-space: nowrap;
	overflow: hidden;
}
.right-content-item .layouts{
	float: left;
	font-size: 16px;
	margin-left: 40px;
}
/* .ul-box ul li.cur .hidebox{
	display: block;
} */
.option-item{
	width: 1036px;
	line-height: 70px;
	height: 70px;
	background: #fff;
	cursor: pointer;
	user-select: none;
}
.arrow-icon{
	width: 16px;
	height: 16px;
	display: inline-block;
	float: right;
	margin-right: 32px;
}
.arrow-icon img{
	width: 100%;
}
.ul-box ul li .down{
	display:none;
}
.ul-box ul li .up{
    display: none;
}
.open-content{
	width: 1036px;
	background: #f0f2f2;
	display:none;
}
/*.open-content.on{
    display:block;
}*/
/* .right-content-item.active-font .open-content{
	display: block;
} */
.panda-logo{
	float: left;
	margin: 15px;
	width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #fff;
    overflow: hidden;
}
.panda-logo img{
	width: 100%;
	margin-top: 10px;
}
.open-content-wrapen{
	float: left;
	width: 890px;
	line-height: 25px;
	color: #898585;
	font-size: 14px;
	letter-spacing: 2px;
	margin: 30px 5px;
}

.show{
	display: block;
}
.hide{
	display: none;
}
.active-font{
	color:#2fc7a0;
}
.clear_float{
	clear: both;
}

/* waterflow  */
.middle{
    background: #f2f4f4;
    padding-bottom: 60px;
}
.products-style{
	height: 62px;
	width: 100%;
	text-align: center;
    background-color:#f2f4f4;
    border-top:1px solid #e3e3e3;
}
.products-style ul{
	height:62px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.products-style ul li{
	height: 60px;
	line-height: 60px;
    font-size: 16px;
    color: #626363;
    margin: 0px 30px;
	padding:0px 8px;
	display: inline-block;
	
}
.products-style ul li:hover{
    opacity:0.8;
    cursor:pointer;color:#2fc7a0;
}
.products-style ul li.active-style{
    color:#2fc7a0;
	border-bottom: 2px solid #2fc7a0;
}
.products-box{
	 min-width:1280px; 
	 padding:10px 30px 25px;
     background-color:#f2f4f4;
}
.product-wrap{
	min-width: 1280px;
	margin: 0 auto;
}
.product-item{
    display:inline-block;
	overflow: hidden;
	margin:0px 16px 32px;
	position: relative;
    width:calc((100% / 5) - 32px);
}
.product-item:hover .mask-products{
    display:block;
}
.product-item img{
	width: 100%;
}
.mask-products{
    width: 100%;
    height: 100%;
    background-color:rgb(67, 204, 169);
    background-color: rgba(67, 204, 169, 0.86);
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
    display:none;
}
.mask-title{
    padding-top: 15%;
    font-size: 26px;
}
.msk-l{
    font-size: 18px;
    vertical-align: 10px;
}
.mas-tit-na{
	width: 176px;
    height:35px;
	display:inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.product-mask p{
    font-size: 16px;
    font-weight: bold;
    margin-top: 5%;
}
.mask-btn{
    margin:0px 48px;
    height: 42px;
    background: #fff;
    color: #464646;
    font-size:17px;
    text-align: center;
    line-height: 42px;
    margin-top: 14%;
    letter-spacing:2px;
}


/* project-case */

.rank{
	min-width:1280px;
}

.rank img{
	width:100%;
}
.rank-text-content{
	width: 1280px;
	margin: 0 auto;
	padding-top: 88px;
	/* height: 234px;
	background: #fff; */

}
.rank-text-content-title p{
	font-size: 24px;
	color: #2fc7a0;
	text-align: center;
}
.rank-text-content-text{
	margin-top: 38px;
}
.rank-text-content-text p{
    font-size: 14px;
    color: #989898;
    text-align: center;
    line-height: 36px;
}

.middle-content{
    background: #f2f4f4;
}
.baner-2013{
	position: relative;
}
.baner-2013-text{
	width: 1280px;
	padding-top: 96px;
	margin: 0 auto;
	vertical-align: bottom;
}
.baner-2013-text-box{
	width: 560px;
	height: 178px;
	margin-left: 80px;
}
.baner-2013-text-num{
  width: 218px;
  font-size: 20px;
  color: #fff;
  margin-top: -12px;
  float: left;
}
.baner-2013-text-num-year img{
	width: 158px;
	height: 60px;
}
.baner-2013-text-num span:nth-child(1){
	float: left;
}
.baner-2013-text-num span:nth-child(2){
	float: left;
	margin-top: 30px;
    margin-left: 6px;
}

.baner-2013-text-set{
    /* width: 310px; */
    font-size: 38px;
    color: #fff;
    /* text-align: center;
    float: left; */
}
.baner-2013-text-cont{
    /* width: 710px; */
    float: left;
    margin-top: 54px;
}
.baner-2013-text-cont p{
	font-size: 16px;
	color: #fff;
	/* margin-left: 48px; */
}

.case-wrappen{
	margin: 60px 0;
	position: relative;
}
.service-object{
	width: 1280px;
	/* height: 396px; */
	position: absolute;
	top: -270px;
	/* bottom: 0; */
	left: 50%;
	margin-left: -640px;
}
.service-object img{
	width: 100%;
}
.case-title{
	margin: 60px 0;
	padding-top: 178px;
}
.case-nav{
	width: 1280px;
	margin: 0 auto;
}
.nav-title{
	float: right;
}
.swiper-box{
	width: 1280px;
	height: 700px;
	overflow: hidden;
}
.swiper-box img{
	width: 100%;
}
.nav-item{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 246px;
	height: 140px;
	background: #fff;
	border-bottom: 1px solid #f2f4f4;
	cursor: pointer;
}
.nav-item.active-item{
	background: #fafbfb;
	border-right: 2px solid #2fc7a0;
}
.nav-item .font-eng{
	font-size: 60px;
	font-family: Centaur;
	color: #d9d9d9;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
    display:block;
}
.nav-item .font-zh{
	font-size: 18px;
	color: #757575;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
    display:block;
}
.nav-item .font-des{
	font-size: 14px;
	color: #d9d9d9;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
    display:block;
}
.nav-item.active-item .font-eng{
	color: #2fc7a0;
	overflow: hidden;
	white-space: nowrap;
}
.nav-item.active-item .font-zh{
	color: #2fc7a0;
	overflow: hidden;
	white-space: nowrap;
}
.nav-item.active-item .font-des{
	color: #2fc7a0;
	overflow: hidden;
	white-space: nowrap;
}
.our-service{
	background: url('../img/static-img/case-service-bg.png') no-repeat;
	min-width: 1280px;
	height: 850px;
	-webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
    background-size: cover;
    background-position: center;
}
.case-service-wrap{
	width: 1280px;
	margin: 0 auto;
	padding-top: 156px;
}
.case-service-title{
	color: #2fc7a0;
	font-size: 28px;
}
.case-service-text{
	font-size: 16px;
	color: #989898;
	margin-top: 44px;
}
.case-service-text p{
	height: 36px;
}
.case-service-text2{
   margin-top: 32px;
}
.case-service-icon{
	margin-top: 78px;
}    
/* .service-item:hover{
	background: #2fc7a0;
} */
.contact-us{
	width: 172px;
	height: 44px;
	background: #2fc7a0;
	margin: 46px auto;
	border-radius: 25px;
}
.contact-us p{
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	color: #fff;
}

/* service-intro */
.service-promise-title{
	/* position: relative; */
}
.service-promise-title-des{
	/* position: absolute; */
	margin-top: 24px;
	text-align: center;
	font-size: 20px;
	color: #bfbebe;
}
.service-class{
	width: 1280px;
	margin: 0 auto;
	margin-top: 82px;
}
.service-class-left{
	float: left;
	/* width: 574px; */
	margin-top: 92px;
}
.up-num{
	/* margin-left: 40px; */
	float: left;
}
.down-icon{
	margin-left: 40px;
	margin-top: 38px;
	float: left;
}
.state-iocn{
    display:inline-block;
	margin-right: 46px;
    width:92px;
    text-align:center;
    cursor: pointer;
}
.state-iocn span{
	margin-top: 10px;
	width: 59px;
	text-align: center;
	font-size: 14px;
	color: #666;
}
.service-class-left-num{
  /*  font-size: 140px;
   color: #2fc7a0;
   font-family: Helvetica Neue; */
   float: left;
}
.text-class-left{
	float: left;
	margin-top: 50px;
	margin-left: 30px;
}
.text-class-left1{
	font-size: 30px;
	color: #434343;
}
.text-class-left2{
	font-size: 18px;
	color: #a9a9a9;
	/* font-family: Myriad Pro; */
	/* margin-top: 5px; */
}
.service-class-right{
	float: right;
}
.service-class-right-nav{
	/* width: 640px; */
	/* float: right; */
	margin-top: 84px;
	display: flex;
	flex-direction: column;
}
.caosini{
	width: 130px;
	height: 40px;
	border: 1px solid #f0f5f4;
	text-align: center;
	line-height: 40px;
	border-radius: 30px;
	color: #434343;
	font-size: 16px;
	margin: 10px 0px;
	margin-left: 16px;
	cursor: pointer;
    display:inline-block;
    background: #fff;
}
@font-face{
	font-family: HelveticalNeueLTPro ThEx;
	src: url('../font/HelveticaNeueLTPro-ThEx.otf');
}
.service-class-right-num{
	font-size: 22px;
	color: #2fc7a0;
	height: 40px;
	line-height: 40px;
	font-family:HelveticalNeueLTPro ThEx;
}
.current-nav.caosini{
    background: #2fc7a0;
    color: #fff;
}
.current-nav .service-class-right-num{
	color: #fff;
}
.middle-ser-intro{min-width:1280px;}
.middle-ser-intro img{width:100%;}
.promise{
	 height: 940px;
     background: url('../img/static-img/service-promise.png') no-repeat;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
      background-size: cover;
      background-position: center;
}
.panda{
	min-width: 1280px;
	 height: 457px;
     background: url('../img/static-img/service-panda.png') no-repeat;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
      background-size: cover;
      background-position: center;
}
.call-me{
	 height: 604px;
     background: url('../img/static-img/call.png') no-repeat;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
      background-size: cover;
      background-position: center;
}
.bottom-nav{
	width: 100%;
	height: 460px;
	background: #f2f4f4;
	position: relative;
}
.mask-click{
	width: 100%;
	height: 100%;
	background: #fff000;
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;

}
.repair-wrappen{
	width: 1280px;
	margin: 0 auto;
	position: relative;
	/* background: #fff; */
}
.wrap-content{
	height: 460px;
    text-align:center;
}
.wrap-content li{
	text-align: center;
	margin: 46px 30px;
	cursor: pointer;
	z-index: 103;
    display:inline-block;
    text-align:center;
    width:150px;
}

.wrap-content li.current-active .service-repaire-arrow{
	display: block;
}   
.repair-icon{
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #fff;
	margin: 0 auto;
	margin-top: 60px;
}
.wrap-content li.current-active .gray-icon{
	display: none;
}
.wrap-content li.current-active .green-icon{
	display: block;
}
.gray-icon{
	display: block;
}
.green-icon{
	display: none;
}
.des-name{
	font-size: 16px;
	font-weight: bold;
	color: #535454;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-top: 9px;
    display:block;
}
.eng-name{
	font-size: 14px;
	color: #b2b2b2;
}
.active-repair{
	background: #2fc7a0;
}
.pop-repair{
	width: 1280px;
	/* height: 290px; */
	padding: 70px 0;
	border-radius: 20px;
	background: #fff;
	z-index: 104;
	position: absolute;
	bottom: 420px;
	left: 0;
	display: flex;
	align-items: center;

}
.state1{
	display: none;
	z-index: 103;
	/* position: relative; */
}
.service-repaire-arrow1{
	position: absolute;
    bottom: -17px;
    left: 69px;
    display: block;
}
.state2{
	display: none;
	z-index: 103;
}
.service-repaire-arrow2{
	position: absolute;
    bottom: -17px;
    left: 283px;
    display: block;
}
.state3{
	display: none;
	z-index: 103;
}
.service-repaire-arrow3{
	position: absolute;
    bottom: -17px;
    left: 495px;
    display: block;
}
.state4{
	display: none;
	z-index: 103;
}
.service-repaire-arrow4{
	position: absolute;
    bottom: -17px;
    left: 708px;
    display: block;
}
.state5{
	display: none;
	z-index: 103;
}
.service-repaire-arrow5{
	position: absolute;
    bottom: -17px;
    left: 921px;
    display: block;
}
.state6{
	display: none;
	z-index: 103;
}
.service-repaire-arrow6{
	position: absolute;
    bottom: -17px;
    left: 1135px;
    display: block;
}
.pop-repair-icon{
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: #fff;
	margin-left: 50px;
    float:left;
}
.line-repair{
	float: left;
	/* color: #ededed; */
	border-right: 1px solid #ededed;
	height: 40px;
	margin: 16px 50px 0px;
}
.pop-repair-text{
	width: 960px;
	height: 100%;
    float:left;
}
.content-text{
	color: #969696;
	line-height: 32px;
	font-size: 14px;
}
/* .content-text p{
   color: #434343;
   font-weight: bold;
   font-size: 16px;
} */

/* contact-us */

/* .public_tab .tab_items a{
	margin: 0px 10px;
} */
.laout-c{
	min-width:1280px;
}
.laout-c img{
	width: 100%;
}
.want_buy{
	position: relative;
	 min-width: 1280px;
	 height:502px;
     background: url('../img/static-img/contact-us-01buy.png') no-repeat;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
      background-size: cover;
      background-position: center;

}
.buy-text-title{
	font-size: 30px;
	color: #434343;
	/* vertical-align: center; */
	text-align: center;
	padding-top: 99px;
}
/* animation */
.buy-text-title.animated{
	-webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.buy-text-content.animated{
	-webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.im-buy.animated{
 -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
/* .write-advice-title.animated{
   -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.write-advice-content.animated{
	-webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  animation-duration: 2s;
}
.advice.animated{
	-webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  animation-duration: 2s;
} */

.jion-title-box-title{
	-webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.jion-title-box-content{
	-webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.join-store-title{
    -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.join-store-content{
    -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.join-store-content1{
   -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.join-store-content2{
	-webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.join-store-content3{
	-webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.buy-text-content{
	text-align: center;
	font-size: 16px;
	color: #bab9b9;
	margin-top:22px ;
	line-height: 30px;
}
.buy-text-content p{
	/* margin-top: 24px; */
	/* line-height: 14px; */
}

.contact-btn{
	width: 210px;
	height: 50px;
	line-height: 50px;
	background: #2fc7a0;
	border-radius: 4px;
	color: #fff;
	font-size: 18px;
	text-align: center;
}
.im-buy{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -105px;
	margin-top: 60px;
}
.write-advice{
	position: relative;
	min-width: 1280px;
	 height:799px;
     background: url('../img/static-img/contact-us-02sugest.png') no-repeat;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
      background-size: cover;
      background-position: center;
}
.write-advice-title{
	text-align: left;
	font-size: 28px;
	color: #fff;
	padding-top: 260px;
    padding-left: 36px;
}
.write-advice-content{
	text-align: left;
	color: #fff;
	font-size: 16px;
	margin-top: 24px;
    padding-left: 34px;
}
.write-advice-content p{
   margin-top: 12px;
}
.postion-advice{
	width: 1280px;
	position: relative;
	top: 6%;
	left: calc(50% - 640px);
	height: 50px;
}
.advice{
	position: absolute;
	/* left: 2.6%;
	top: 50%; */
	/* margin-top: 34px; */
}
.jion-wrap{
	position: relative;
	min-width: 1280px;
}
.jion-title-box{
	height:274px;
     background: url('../img/static-img/contact-us-03joinqy.png') no-repeat;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
      background-size: cover;
      background-position: center;
}
.jion-post-box{
	height:684px;
     background: url('../img/static-img/contact-us-04post.png') no-repeat;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
      background-size: cover;
      background-position: center;
}
.jion-title-box-title{
	font-size: 30px;
	color:#434343;
	text-align: center;
	padding-top: 46px; 
}
.jion-title-box-content{
	text-align: center;
	font-size: 16px;
	color: #bab9b9;
	margin-top:26px;
}
.jion-title-box-content p{
	margin-top: 12px;
}
.post{
	position: absolute;
	margin-top: 76px;
	top: 50%;
	right: 27%;
}
.jion-post-box-content{
	font-size: 28px;
	color: rgba(255, 255, 255, 0.86);
	position: absolute;
	margin-top: 76px;
	top: 39%;
	right: 9%;
	line-height: 42px;
}
.join-store{
	position: relative;
	min-width: 1280px;
	height:800px;
     background: url('../img/static-img/contact-us-05store.png') no-repeat;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
      background-size: cover;
      background-position: center;
}
.join-store-title{
	font-size: 30px;
	color:#fff;
	text-align: center;
	padding-top: 128px; 
}
.join-store-content{
	text-align: center;
	font-size: 16px;
	color: #fff;
	margin-top:50px;
}
.join-store-content p{
	margin-top: 16px;
}
.store{
	position: absolute;
	top: 70%;
	left: 50%;
	margin-left: -105px
}
.roject-coop{
	min-width: 1280px;
	height:800px;
     background: url('../img/static-img/contact-us-06project.png') no-repeat;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
      background-size: cover;
      background-position: center;
}
.roject-coop-title{
	text-align: left;
	font-size: 28px;
	color: #fff;
	padding-top: 225px;
    padding-left: 36px;
    /* height: 36px; */
}
.roject-coop-content{
	text-align: left;
	color: #fff;
	font-size: 16px;
	margin-top: 24px;
    padding-left: 34px;
}
.roject-coop-content p{
   margin-top: 14px;
}
.media-coop{
	min-width: 1280px;
	height:800px;
     background: url('../img/static-img/contact-us-07media.png') no-repeat;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
      background-size: cover;
      background-position: center;
}
.media-coop-text{
	width: 1280px;
	margin: 0 auto;
}
.media-coop-title{
	font-size: 30px;
	color:#434343;
	padding-top: 120px;
	/* margin-left: 740px */ 
	text-align: center;
}
.media-coop-content{
	font-size: 15px;
	color: #757575;
	margin-top:20px;
	/* margin-left: 740px  */
	text-align: center;
}
.media-coop-content p{
   margin-top: 12px;
}


/* company-intro */
.main-content{
	background: #f2f4f4;
}
.intro-text{
	min-width: 1280px;
	height: 449px;
    background: #fff;
}
.intro-text-con{
	width: 1280px;
	margin: 0 auto;
	padding-top: 94px;
}
.left-intro-text{
	float: left;
}
.right-intro-text{
	width: 612px;
	float: right;
	margin-right: 24px;
    margin-top: -5px;
}
.buliding-intro-box{
	position: relative;
	z-index: 99;
}
.buliding-intro{
	min-width: 1280px;
	height: 975px;
	background: url('../img/static-img/qy-intro-bg.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;

}
.buliding-intro-content{
	width: 1280px;
	margin: 0 auto;
}
.buliding-intro-content-mid{
	padding-top: 112px;
	text-align: center;
}
.buliding-intro-content-mid-tit{
	font-size: 32px;
	color: #fff;
}
.buliding-intro-content-mid-tit p{
	line-height: 48px;
}
.buliding-intro-content-mid-tet{
	margin-top: 28px;
	font-size: 18px;
	color: #fff;
}
.buliding-intro-content-mid-tet p{
	line-height: 40px;
}
.buliding-intro-content-rig{
	margin-top: 202px;
	margin-left: 730px;
}
.buliding-intro-content-rig-tit{
	font-size: 24px;
	color: #fff;
}
.buliding-intro-content-rig-tet{
	margin-top: 22px;
	font-size: 15px;
	color: #fff;
}
.buliding-intro-content-rig-tet p{
	line-height: 36px;
}
.intro-wrap{
	/* width: 1920px; */
	min-width: 1280px;
}
.left-spance{
	width: 320px;
	float: left;
	height: 556px;
	background: #fff;
}
.build-warp{
	width: 1280px;
	margin: 0 auto;
}
.right-spance{
	width: 320px;
	background:  #f2f4f4;
}
.lef-build{
	width: 640px;
	z-index: 998;
	overflow: hidden;
	float: left;
	position: absolute;
	bottom: 0;
}
.lef-build img{
	width: 100%;
}
.first-lef{
	/* position: absolute; */
}
.first-lef img{
	width: 100%;
}
.secound-lef img{
	width: 100%;
}
.rig-build{
	width: 640px;
	overflow: hidden;
	float: right;
}
.rig-build img{
	width: 100%;
}
/* .layout-img{
	width: 
} */
.clear_float{
	clear: both;
}
.last-adver{
	width: 1280px;
	margin: 0 auto;
}
.adver-left{
	width: 640px;
	float: left;
	overflow: hidden;
}
.adver-left img{
	width: 100%;
}
.adver-right{
	width: 640px;
	float: right;
	overflow: hidden;
}
.adver-right img{
	width: 100%;
}

/* company-culture */
.middle-warrpen{
	min-width:1280px;
	margin: 0 auto;
	user-select: none;
}

.first-wrap{
	min-width:1280px;
}
.company-mission{
	width: 50%;
	float: left;
	height: 309px;
	background: url('../img/static-img/culture01.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: right;

}
.company-mission-bg{

	float: right;
	width: 50%;
	height: 393px;
	background: url('../img/static-img/culture02.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: left
}
.company-hope-bg{

	width: 50%;
	float: left;
	height: 409px;
	background: url('../img/static-img/culture03.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: right;

}
.company-hope{

	width: 50%;
	float: right;
	height: 325px;
	background: url('../img/static-img/culture04.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: left;
}
.clear_float{
	clear: both;
}
.second-warrpen{
	min-width:1280px;
}
.qy-mind{
	/*max-width: 960px;*/
	width: 50%;
	float: left;
	height:444px;
	background: url('../img/static-img/culture005.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: right;

}
.qy-mind006{
    width: 50%;
	float: left;
	height: 444px;
	background: url('../img/static-img/culture05.jpg') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: left;
}
.qy-mind-bg{
	/*max-width: 960px;*/
	width: 50%;
	float: right;
	height:444px;
	background: url('../img/static-img/culture06.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: left;
}
.qy-mind-bg006 {
    width: 50%;
	float: left;
	height: 444px;
	background: url('../img/static-img/culture006.jpg') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: right;
}
.bg-culture{
	position: relative;
	min-width: 1280px;
	height:605px ;
	background: url('../img/static-img/bg-cultrue.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: left;
}
.mission-box{
	width: 100%;
	height: 321px;
	position: absolute;
	top: 0;
	right: 0;
}
.mission{
	/*max-width: 960px;*/
    width:50%;	
	float: left;
	height:321px;
	background: url('../img/static-img/culture07.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: right;

}

/*閫傚悎浣犵殑瀹跺眳*/
.suit-wrap{
    width: 1280px;
    margin:auto;
    background: #fff;
    margin-bottom:60px;
    padding-bottom:50px;
}
.first-choose{
    text-align: center;
}
.question-answer{
    font-size: 16px;
    color: #434343;
    margin-top:40px;
}
.question-title{
    font-size: 28px;
    color: #434343;
    margin-top:25px;
}
.question-choose-nav{
    text-align:center;
    margin-top:40px;
}
.question-choose-nav .box{
    width:210px;
    overflow:hidden;
    margin:0px 38px;
    position:relative;
    display:inline-block;
}
.question-choose-nav .box .checkbox{
    position:absolute;
    left:0px;
    top:0px;
    border:5px solid #0bb78e;
    width:200px;
    height:276px;
    display:none;
}
.question-choose-nav .box .checkbox .yes{
    position:absolute;
    left:0px;
    bottom:0px;
    width:100%;
    height:46px;
    line-height:46px;
    text-align:center;
    overflow:hidden;
    color:#fff;
    font-size:22px;
    background-color:rgb(11,183,142);
    background-color:rgba(11,183,142,0.8);
}
.question-choose-nav .box .img{
    height:286px;
    width:100%;
    overflow:hidden;
}
.question-choose-nav .box .img img{
    width:100%;
}
.question-choose-nav .box .txt{
    color:#434343;
    font-size:18px;
    line-height:70px;
}
.btn-wrapp {
    text-align:center;
    margin-top: 40px;
}
.suit-btn{
    width: 168px;
    height: 48px;
    line-height: 50px;
    text-align: center;
    background: #0dad84;
    border-radius:5px;
    color:#fff;
    font-size:16px;
    margin:0px 14px;
    display:inline-block;
}
.suit-btn.pre-btn{
    background-color:#d4d4d4;
}
#questionbox2 .question-choose-nav .box{
    margin:0px 10px;
}
#questionbox3 .question-choose-nav .box{
    margin:0px 10px;
}
#questionbox4 .question-choose-nav .box{
    width:630px;
    margin:0px 5px;
}
#questionbox4 .question-choose-nav .box .img{
    height:420px;
}
.question-choose-nav .box .lookimg{
    width:100%;
    height:100%;
    position:absolute;
    left:0px;
    top:0px;
    background-color:rgb(11,183,142);
    background-color:rgba(11,183,142,0.7);
    display:none;
}
.question-choose-nav .box .lookimg .tits {
    color:#fff;
    font-size:30px;
    text-align:center;
    margin-top:150px;
}
.question-choose-nav .box .lookimg .looks{
    width:240px;
    height:46px;
    line-height:46px;
    text-align:center;
    color:#464646;
    font-size:18px;
    background-color:#fff;
    margin:auto;
    margin-top:42px;
}
#questionbox4 .question-choose-nav .box:hover .lookimg{
    display:block;
}

/* green-product-line  */

.green-product-text1{
	width: 1280px;
	height: 800px;
	margin: 0 auto;
/* 	background: #eeeeee61; */
}
.green-product-text1-title{
	font-size: 46px;
	color: #434343;
	padding-top: 176px;
	margin-left:730px; 
}
.green-product-text1-content{
	width: 548px;
	margin-top: 64px;
	margin-left:730px; 
}
.green-product-text1-content p{
	font-size: 16px;
	color: #969696;
	line-height: 26px;
}
.green-product-text1-num{
	font-size: 18px;
	color: #434343;
	margin-top: 78px;
	margin-left:730px; 
}
.green-product-text1-num div{
	float: left;
}
.mid-line{
   border-right: 1px solid #ebebeb;
   height: 34px;
   margin: 10px 24px;
}
.spcs-num{
	font-size: 40px;
	color: #2fc7a0;
}
.green-product-text2{
	width: 1280px;
	height: 800px;
	margin: 0 auto;
}
.green-product-text2-title{
	font-size: 46px;
	color: #fff;
	padding-top: 176px;
}
.green-product-text2-content{
	width: 548px;
	margin-top: 64px;
}
.green-product-text2-content p{
	font-size: 16px;
	color: #fff;
	line-height: 26px;
}
.green-product-text2-num{
    font-size: 18px;
	color: #fff;
	margin-top: 78px;
}
.green-product-text4{
	width: 1280px;
	height: 800px;
	margin: 0 auto;
}
.green-product-text4-title{
	text-align: center;
	font-size: 46px;
	color: #fff;
	padding-top: 235px;
}
.green-product-text4-content{
	text-align: center;
	margin-top: 40px;
}
.green-product-text4-content p{
	text-align: center;
	font-size: 18px;
	color: #fff;
	line-height: 38px;
}
.green-product-text4-num{
	font-size: 18px;
	color: #fff;
	margin-top: 26px;
}
.green-product-text5{
	width: 1280px;
	height: 800px;
	margin: 0 auto;
}
.green-product-text5-title{
	font-size: 46px;
	color: #434343;
	padding-top: 164px;
}
.green-product-text5-content{
	width: 548px;
	margin-top: 64px;
}
.green-product-text5-content p{
	font-size: 16px;
	color: #969696;
	line-height: 26px;
}
.green-product-text5-num{
	font-size: 18px;
	color: #434343;
	margin-top: 78px;
}
.green-product-text5-num div{
	float: left;
}

/* brandidea */
.brand-container{
	min-width: 1280px;
	height:786px ;
	background: url('../img/static-img/brandidea-banner.png') no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	background-position: center;
}
.brand-text{
	width: 1280px;
	margin: 0 auto;
}
.brand-eng-tit{
	font-size: 42px;
	color: #0bb78e;
	padding-top: 146px;
}
.brand-zh-tit{
	font-size: 24px;
	color: #515151;
	margin-top: 32px;
}
.brand-cut-off{
	width: 38px;
	height: 3px;
	background: #b3b2b26e;
	margin: 32px 0px;
}
.brand-content-text{
	font-size: 18px;
	color: #404040;
	width: 650px;
	line-height: 42px;
}

/* 椤圭洰妗堜緥閫夐」鍗� */
.public_tab_case{width:100%;padding:0px 0px 55px;}
.public_tab_case .tab_items{width:1280px;margin:auto;text-align:center;}
.public_tab_case .tab_items a{padding:7px 30px;color:#434343;font-size:16px;margin:0px 32px;}
.public_tab_case .tab_items a:hover{color:#2fc7a0;border-radius:18px;cursor:pointer;}
.public_tab_case .tab_items a.on{background-color:#2fc7a0;color:#fff;border-radius:30px;}